<template>
  <view class="uni-content content" id="content">
   <view class="list">
      <iframe style="width:100%;height:100%" src="https://wj.kxmes.cn/"></iframe>  	
   </view>
  </view>
</template>
<script setup lang="ts">
import { onBeforeMount, onMounted } from "vue"
			
			console.log('2',window)
onBeforeMount(()=>{console.log(33,window)})
	onMounted(()=>{
		console.log(11111,window)
		
		// window.addEventListener('message',(msg)=>{
		// 	uni.showModal({
		// 		title:'信息',
		// 		content:JSON.stringify(msg)
		// 	})
		// })
		
	})
		
	
</script>
<script module="renderModal" lang="renderjs">
	console.log(window)
	window.addEventListener('message',(msg)=>{
		console.log('',JSON.stringify(msg))
	})
</script>
<style scoped>
  uni-page-body{
    height: 100%;
  }

	.list{
		width: 100%;height: 100%;
	}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  --primary-color: #11e48a;
  --disabled-color: #d3d3d3;
  height: 100%;
}

.logo {
  height: 200rpx;
  width: 200rpx;
  margin-top: 200rpx;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50rpx;
}

.text-area {
  display: flex;
  justify-content: center;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}

.scenes-list {
  list-style: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  padding: 1rem;
  width: 200px;
  line-height: 2rem;
  background: #33333333;
  height: 100%;
  color: var(--primary-color);
  font-size: 32px;
}

.buttons-box {
  display: block;
  position: absolute;
  z-index: 1;
  right: 1rem;
  bottom: 1rem;
  width: 100px;
}

.scene-item {
  padding: 0.5rem;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
}

.scene-item.disabled {
  color: var(--disabled-color);
}

.scene-item.active {
  border-color: var(--primary-color);
}
.device-info {
  position: absolute;
  z-index: 2;
  top: 44px;
  right: 0;
  width: 400px;
  height: calc(100% - 200px);
  padding: 1rem;
  background: #3333;
  color: white;
  font-size: 2rem;
  border-radius: 4px;
}
</style>
